{% extends "base.html" %}
{% import "bootstrap/wtf.html" as wtf %}
{% import "_macros.html" as macros %}
{% block title %}Blog {{ current_user.username }}{% endblock %}
<style>

 p
{
	color: rgba(31, 23, 38, 0.95);

	text-align:right;
    }
    profile-thumbnail {
    position: absolute;
}
profile-header {
    min-height: 260px;
    margin-left: 280px;
}

</style>
{% block page_content %}
<div class="page-header" style="width: 75%;margin: 70px 0">
    <!--<h1>Hello,{% if name %} {{ name }}{% else %} Stranger{% endif %}</h1>
    {% if known  %}
    <p>Happy to see you again!</p>
    {% else %}
    <p>Nice to meet you!</p>
    {% endif %}-->
    <h1><b style="color: #028e9a">Welcome..</b>{% if current_user.is_authenticated %}
        {{ current_user.username }}
        {% else %} 访客{% endif %}
    </h1>
    <div class="time" style="color: rgba(48, 18, 58, 0.74);
	    font: bold 12px/30px Georgia,serif;
    ">
<p><i>现在时间是: {{ moment().format('YYYY年M月D日, a h:mm:ss ') }}.</i>最近刷新: {{ moment(current_time).fromNow(refresh=True) }}.</p>

</div>
</div>
<!--
<div align="center" style="margin-top:5px">
            <!-- <img src="../static/yurisa.jpg" alt="yurisa" height = "400px" />
            <img src=" {{url_for('static', filename='pic.jpg') }} " alt="pic" height = "800px" />
        </div>
-->
<div style="width: 75%;" >
    {% if current_user.can(Permission.WRITE_ARTICLES) %}
    {{ wtf.quick_form(form) }}
    {% endif %}
</div>
<div class="post-tabs" style="width: 75%; background-color: rgba(237,232,232,0.46)">
    <ul class="nav nav-tabs" >
        <li {% if not show_followed %} class="active"{% endif %}><a href="{{ url_for('.show_all') }}">全部</a></li>
        {% if current_user.is_authenticated %}
        <li {% if show_followed %} class="active"{% endif %}><a href="{{ url_for('.show_followed') }}">关注者</a></li>
        {% endif %}
    </ul>

</div>
{% include '_posts.html' %}
{% if pagination %}
<div class="pagination" style="right: auto;width: 75%">
    {{ macros.pagination_widget(pagination, '.index') }}
</div>

{% endif %}
<div id="mypics" class="carousel slide" data-interval="4000" data-ride="carousel" >
    <ol class="carousel-indicators">
            <li data-slide-to="0" data-target="#mypics" class="active"></li>
            <li data-slide-to="1" data-target="#mypics"></li>
            <li data-slide-to="2" data-target="#mypics"></li>
            <li data-slide-to="3" data-target="#mypics"></li>
            <li data-slide-to="4" data-target="#mypics"></li>
        </ol>
        <div class="carousel-inner">
            <img class="item active" src=" {{url_for('static', filename='timg (1).jpg') }} " alt="pic" height = "100px" >
            <img class="item" src=" {{url_for('static', filename='timg (2).jpg') }} " alt="pic1" height = "100px" >
            <img class="item" src=" {{url_for('static', filename='timg.jpg') }} " alt="pic2" height = "100px" >
            <img class="item" src=" {{url_for('static', filename='timg (2).jpg') }} " alt="pic3" height = "100px" >
            <img class="item" src=" {{url_for('static', filename='timg (2).jpg') }} " alt="pic4" height = "100px" >
        </div>
        <a class="carousel-control left" data-slide="prev" href="#mypics">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        </a>
        <a class="carousel-control right" data-slide="next" href="#mypics">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        </a>
    </div>
<!-- <p>The local date and time is {{ moment(current_time).format('LLL') }}.</p>
<p>That was {{ moment(current_time).fromNow(refresh=True) }}</p> -->
	<div id="tp-weather-widget" class="xc"></div>
<script>(function(T,h,i,n,k,P,a,g,e){g=function(){P=h.createElement(i);a=h.getElementsByTagName(i)[0];P.src=k;P.charset="utf-8";P.async=1;a.parentNode.insertBefore(P,a)};T["ThinkPageWeatherWidgetObject"]=n;T[n]||(T[n]=function(){(T[n].q=T[n].q||[]).push(arguments)});T[n].l=+new Date();if(T.attachEvent){T.attachEvent("onload",g)}else{T.addEventListener("load",g,false)}}(window,document,"script","tpwidget","//widget.seniverse.com/widget/chameleon.js"))</script>
<script>tpwidget("init", {
    "flavor": "bubble",
    "location": "WTMKQ069CCJ7",
    "geolocation": "enabled",
    "position": "top-left",
    "margin": "40px 100px",
    "language": "auto",
    "unit": "c",
    "theme": "chameleon",
    "uid": "U9C3E5C1FA",
    "hash": "ae0fe11f6ab2bc05df9722c38c4c906a"
});
tpwidget("show");</script>

<div class="entry-box" style="width: 33.33333333%; float: left;    position: relative;
    min-height: 1px;

    padding-right: 15px;
    padding-left: 15px">
<h5><strong>博客统计</strong></h5>
<p>
今日PV：<span class="badge">6</span>
今日UV：<span class="badge">3</span>
</p>
<p>
博文总数：<span class="badge">11</span>
评论总数：<span class="badge">20</span>
</p>
<p>

<a href="/source/1/articles">原创</a>：
<span class="badge">9</span>

<a href="/source/3/articles">翻译</a>：
<span class="badge">0</span>

<a href="/source/2/articles">转载</a>：
<span class="badge">2</span>

</p>
</div>

{% endblock %}
  {% block scripts %}
    {{ super() }}
    {{ pagedown.include_pagedown() }}
    {% endblock%}
